<!DOCTYPE html>
<html>
<head>
  <title>Image Downloader</title>
  <style>
    body { width: 300px; }
    input[type="text"] { width: 40px; margin: 10px 0; }
    button { width: 100%; margin: 10px 0; }
  </style>
</head>
<body>
  <h1>Image Downloader</h1>
  <label for="start">Home URL:</label>
  <textarea id="template" rows="4" cols="50"></textarea>
  <div style="display: flex;">
    <label for="start">Start number:</label>
    <input type="text" id="start" placeholder="1">
    <label for="end">End number:</label>
    <input type="text" id="end" placeholder="30">
  </div>
  <button id="startDownload">Start Download</button>

  <script src="popup.js"></script>
</body>
</html>